<template>
  <div class="mb-20" style="padding-top:44px;">
    <NavBar />
    <div class="flex justify-center">
      <div class="container-width">
        <div class="main">
          <div class="nav">
            首页 / 关于我们
          </div>
          <div class="text-center mb-3" style="font-size: 36px;font-weight: 500;color: #000000;line-height: 50px;letter-spacing: 2px;">第1园区智慧展示招商云平台</div>
          <div style="margin: 37px 0;display:flex;justify-content:center;align-items: center; font-size: 20px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 28px;">
            <div style="background: #D8D8D8;padding:3px 6px;margin-right:5px;">01</div> 平台介绍
          </div>
          <div v-html="content01" style="font-size: 18px;font-family: PingFangHK-Light, PingFangHK;font-weight: 300;color: #000000;line-height: 30px;letter-spacing: 1px;">
          </div>
          <div style="margin: 37px 0;display:flex;justify-content:center;align-items: center; font-size: 20px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 28px;">
            <div style="background: #D8D8D8;padding:3px 6px;margin-right:5px;">02</div> 服务对象
          </div>
          <div v-html="content02" style="font-size: 18px;font-family: PingFangHK-Light, PingFangHK;font-weight: 300;color: #000000;line-height: 30px;letter-spacing: 1px;">
          </div>
          <div style="margin: 37px 0;display:flex;justify-content: center;align-items: center;">
            <img style="width:192px;height:192px;margin-right:21px;" src="../assets/about_1.png" />
            <img style="width:192px;height:192px;margin-right:21px;" src="../assets/about_2.png" />
            <img style="width:192px;height:192px;margin-right:21px;" src="../assets/about_3.png" />
            <img style="width:192px;height:192px;" src="../assets/about_4.png" />
          </div>
          <div style="margin: 37px 0;display:flex;justify-content:center;align-items: center; font-size: 20px;font-family: PingFangHK-Regular, PingFangHK;font-weight: 400;color: #000000;line-height: 28px;">
            <div style="background: #D8D8D8;padding:3px 6px;margin-right:5px;">03</div> 服务优势
          </div>
          <div v-html="content03" style="font-size: 18px;font-family: PingFangHK-Light, PingFangHK;font-weight: 300;color: #000000;line-height: 30px;letter-spacing: 1px;">
          </div>
          <div style="margin: 37px 0;display:flex;justify-content: center;align-items: center;">
            <img style="width:135px;height:213px;margin-right:41px;" src="../assets/about_5.png" />
            <img style="width:135px;height:213px;margin-right:41px;" src="../assets/about_6.png" />
            <img style="width:135px;height:213px;margin-right:41px;" src="../assets/about_7.png" />
            <img style="width:135px;height:213px;" src="../assets/about_8.png" />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
import { getFuWenBen } from "@/api/common"
import NavBar from "@/components/NavBar.vue"

export default {
	name: 'AboutView',
  components: {
    NavBar
  },
  data() {
    return {
      content01: '',
      content02: '',
      content03: '',
    }
  },
  created() {
    getFuWenBen(3).then(response => {
      this.content01 = response.data
    })
    getFuWenBen(4).then(response => {
      this.content02 = response.data
    })
    getFuWenBen(5).then(response => {
      this.content03 = response.data
    })
  }
}
</script>

<style lang="scss">
  .main .nav {
    font-size: 0.625rem;
    font-family: PingFangHK-Regular, PingFangHK;
    font-weight: 400;
    color: #A4A8AF;
    margin-top: 0.8125rem;
  }
</style>